<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
	<title>StoryJam - The World's Premiere Storytelling game</title>
	<link rel="stylesheet" type="text/css" href="web.css"/>
</head>

<body>

<div class ="wrap">
	<div class = "header"><a href="home.html"><img src="images/banner_v2.png"></a><!--My beautiful banner <3 --></div>
	<div class = "sidebar"><br><br>Sign up using your Google Account!<br><br><br><br><br><br>Google AdSpace<br>goes here.</div>
	
	<div class = "main">
	<h4>Welcome, Author!</h4><p>
	There are hundreds of Stories going on right this instant.<p>
	Hit the button below to be offered a random Story from our directory.<br>
	<input type="submit" value="Random!"/><p>
	Or, you can search for one that contains (or do not contain) genres of your choosing.<p>
	Story <em>must</em> contain the following genres: (Optional)<br>
	<select name="genre1">
			<option></option>
			<option>Adventure</option>	<option>Comedy</option>
			<option>Crime</option>		<option>Drama</option>
			<option>Fantasy</option>	<option>Horror</option>
			<option>Romance</option>	<option>Science Fiction</option>
			<option>WTF</option>
	</select>
	<select name="genre1">
			<option></option>
			<option>Adventure</option>	<option>Comedy</option>
			<option>Crime</option>		<option>Drama</option>
			<option>Fantasy</option>	<option>Horror</option>
			<option>Romance</option>	<option>Science Fiction</option>
			<option>WTF</option>
	</select>
	<select name="genre2">
			<option></option>
			<option>Adventure</option>	<option>Comedy</option>
			<option>Crime</option>		<option>Drama</option>
			<option>Fantasy</option>	<option>Horror</option>
			<option>Romance</option>	<option>Science Fiction</option>
			<option>WTF</option>
	</select>
	<p>
	<em>Do not</em> offer me a Story that contains the following genres: (Optional)<br>
	<select name="genre2">
			<option></option>
			<option>Adventure</option>	<option>Comedy</option>
			<option>Crime</option>		<option>Drama</option>
			<option>Fantasy</option>	<option>Horror</option>
			<option>Romance</option>	<option>Science Fiction</option>
			<option>WTF</option>
	</select>
	<select name="genre2">
			<option></option>
			<option>Adventure</option>	<option>Comedy</option>
			<option>Crime</option>		<option>Drama</option>
			<option>Fantasy</option>	<option>Horror</option>
			<option>Romance</option>	<option>Science Fiction</option>
			<option>WTF</option>
	</select>
	<select name="genre2">
			<option></option>
			<option>Adventure</option>	<option>Comedy</option>
			<option>Crime</option>		<option>Drama</option>
			<option>Fantasy</option>	<option>Horror</option>
			<option>Romance</option>	<option>Science Fiction</option>
			<option>WTF</option>
	</select>
	<p>
	<input type="submit" value="Search"/>
	</div>

	<div class = "footer"><h6>Copyright 2012 Ando R. and Simon P.</h6>
	</div>
</div>
</body>
</html>